<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>我的购物车-小米商城</title>
    <link rel="icon" href="//s01.mifile.cn/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="../css/goodsCase.css">
    <link rel="stylesheet" href="../css/footer.css">
    <link rel="stylesheet" href="../css/common.css">
    <!-- jq -->
    <script src="../js/jQuery.js"></script>
    <!-- js -->
    <script src="../js/goodsCase.js"></script>
    <!-- cookie -->
    <script src="../js/jquery.cookie.js"></script>
</head>

<body>
    <!-- 顶部 -->
    <div class="header">
        <div class=" w">
            <div class="logo">
                <a href="../index/index.html">
                    <img src="../images/mi-logo.png" alt="">
                </a>
            </div>
            <div class="header-left">
                <h2>我的购物车</h2>
                <span>温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</span>
            </div>
            <div class="header-right">
                <ul>
                    <li><a href="denglu.html">登录</a></li>
                    <li><span>|</span></li>
                    <li>注册</li>
                </ul>
            </div>
        </div>
    </div>
    <!-- 中间部分 -->
    <div class='container'>
        <div class="w bg">
            <!-- 购物车 -->
            <div class="shopping">
                <div class="shopping-top">
                    <div class="list-head clearfix">
                        <div class="col col-check"><i
                                class="iconfont icon-checkbox-selected icon-checkbox  J_itemCheckbox"
                                data-itemid="2192300031_0_buy" data-status="1">√</i> 全选</div>
                        <div class="col col-img">&nbsp;</div>
                        <div class="col col-name">商品名称</div>
                        <div class="col col-price">单价</div>
                        <div class="col col-num">数量</div>
                        <div class="col col-total">小计</div>
                        <div class="col col-action">操作</div>
                    </div>
                    <div class="list-body w">
                        <!-- <div class="item-table">
                            <div class="col col-check"><i class="iconfont icon-checkbox icon-checkbox-selected"
                                    id="J_selectAll">√</i>全选</div>
                            <div class="col col-img">
                                <img src="https://cdn.cnbj0.fds.api.mi-img.com/b2c-shopapi-pms/pms_1555985714.86057204.png?thumb=1&w=100&h=100"
                                    width="100px" height="100px" alt="">
                            </div>
                            <div class="col col-name">
                                <h3>
                                    米家直流变频落地扇1X 白色</h3>
                            </div>
                            <div class="col col-price">299元</div>
                            <div class="col col-num">
                                <div class="change-goods-num clearfix J_changeGoodsNum">
                                    <a href="javascript:void(0)" class="J_minus">
                                        <i class="iconfont"></i>
                                    </a>
                                    <input tyep="text" name="2192300031_0_buy" value="1" data-num="1" data-buylimit="20"
                                        autocomplete="off" class="goods-num J_goodsNum" "=""> 
                                    <a href=" javascript:void(0)" class="J_plus"><i class="iconfont"></i></a>
                                </div>

                            </div>
                            <div class="col col-total">299元</div>
                            <div class="col col-action">x</div>
                        </div> -->
                    </div>
                </div>


            </div>
            <!-- 结算 -->
            <div class="close">
                <div class="close-left">
                    <a href="index.html">继续购物</a>
                    <span style="float: left;">|</span>
                    <p>
                        共
                        <span>1</span>
                        件商品，已选择
                        <i>0</i>
                        件
                    </p>
                </div>
                <div class="close-right">
                    <span>合计&nbsp:&nbsp<i style="font-size:22px" class="total"> 0</i>&nbsp元</span>
                    <button>去结算</button>
                </div>
            </div>
            <!-- 推荐 -->
            <h2 style="font-size:30px;font-weight:400;text-align: center;margin-top:20px;"> 买购物车的人还买了这些</h2>
            <div class="recom">
                <ul class="recom-ul">
                    <!-- <li>
                        <a href="">
                            <img src="https://cdn.cnbj1.fds.api.mi-img.com/mi-mall/57433a4b991b2a2ddc889f2d8d434655.jpg?thumb=1&w=225&h=225&f=webp&q=90"
                                alt="">
                        </a>
                        <p>小米巨能写中性笔10支装</p>
                        <span>15.8元</span>
                        <i style="color:#ccc;margin:10px 0;">5万人好评</i>
                        <div class="recommend-action">
                            <a href="">加入购物车</a>
                        </div>
                    </li> -->

                </ul>
            </div>
        </div>
    </div>
    <!-- 底部 -->
    <div class="footer" style="padding-top:20px;">
        <div class="site-footer">
            <div class="footer-service w">
                <ul>
                    <li><a href="">预约维修服务</a></li>
                    <li><a href="">7天无理由退货</a></li>
                    <li><a href="">15天免费换货</a></li>
                    <li><a href="">满99元包邮</a></li>
                    <li><a href=""> 520余家售后网点</a></li>
                </ul>
            </div>
            <div class="footer-help w">
                <dl>

                    <dt>帮助中心</dt>
                    <dd><a href="#">账户管理</a></dd>
                    <dd> <a href="#">购物指南</a></dd>
                    <dd><a href="#"> 订单操作</a></dd>
                </dl>
                <dl>




                    <dt> <a href="#">服务支持</a></dt>
                    <dd><a href="#">售后政策</a></dd>
                    <dd> <a href="#">自助服务</a></dd>
                    <dd> <a href="#">相关下载</a></dd>
                </dl>
                <dl>

                    <dt> 线下门店</dt>
                    <dd><a href="#">小米之家</a></dd>
                    <dd><a href="#"> 服务网点</a></dd>
                    <dd><a href="#"> 授权体验店</a></dd>
                </dl>
                <dl>
                    <dt>关于小米</dt>
                    <dd><a href="#">了解小米</a></dd>
                    <dd><a href="#"> 加入小米</a></dd>
                    <dd><a href="#">投资者关系</a> </dd>
                    <dd> <a href="#">企业社会责任</a></dd>
                    <dd> <a href="#">廉洁举报</a></dd>
                </dl>
                <dl>
                    <dt> 关注我们</dt>
                    <dd><a href="#">新浪微博</a></dd>
                    <dd><a href="#"> 官方微信</a></dd>
                    <dd><a href="#"> 联系我们</a></dd>
                    <dd><a href=""> 公益基金会</a></dd>
                </dl>
                <dl>
                    <dt> 特色服务</dt>
                    <dd><a href="">F 码通道</a></dd>
                    <dd><a href=""> 礼物码</a></dd>
                    <dd><a href="#"> 防伪查询</a></dd>
                </dl>
                <div class="footer-help-right">
                    <h3 style="color:#ff6709;font-size:23px;">400-400-400</h3>
                    <p>8:00-18:00(仅收市话费)</p>
                    <a href="">人工客服</a>
                    <p>关注我</p>
                </div>
            </div>
        </div>
        <div class="footer-into">
            <div class="footer-into-box w">
                <div class="footer-logo">
                    <img src="../images/mi-logo.png" alt="">
                </div>
                <div class="footer-text">
                    <p><a href="">小米商城 | MIUI | 米家 | 米聊 | 多看 | 游戏 | 政企服务 | 小米天猫店 | 小米集团隐私政策 | 小米公司儿童信息保护规则 |
                            小米商城隐私政策 |
                            小米商城用户协议 | 问题反馈 | Select Location</a></p>
                    <p>
                        <a href=" ">北京互联网法院法律服务工作站 |</a>
                        <a href="">中国消费者协会 |</a>
                        <a href="">北京市消费者协会</a>
                    </p>
                    <p id="p" style="color:#ccc">
                        ©
                        <a href="">mi.com</a>
                        京ICP证110507号
                        <a href="">京ICP备10046444号</a> <a href="">京公网安备11010802020134号</a> <a
                            href="">京网文[2020]0276-042号</a> <br> <a href="">（京）网械平台备字（2018）第00005号</a> <a
                            href="">互联网药品信息服务资格证
                            (京)-非经营性-2014-0090</a> <a href="">营业执照</a> <a href="">医疗器械质量公告</a> <br> <a
                            href="">增值电信业务许可证</a>&nbsp;网络食品经营备案 京食药网食备202010048 &nbsp;
                        <a href="">食品经营许可证</a> <br>
                        违法和不良信息举报电话：171-5104-4404&nbsp;<a href="">知识产权侵权投诉</a>&nbsp;本网站所列数据，除特殊说明，所有数据均出自我司实验室测试
                    </p>
                </div>

            </div>
            <div class="footer-bg">

                <img src="../images/footer.png" alt="">
            </div>
        </div>
    </div>
</body>

</html>